'use client'

export default function Footer() {
  return (
    <div className="sticky z-50 bottom-0 left-0 right-0 backdrop-blur-md bg-[#0d0f15]/80 border-solid border-0 border-t border-[#1f2430] text-center py-4 space-x-4 flex items-center justify-center">
      <div
        onClick={() => window.print()}
        className="inline-flex items-center gap-2 px-4 py-3 rounded-lg bg-[#1b2030] border-solid border-[#1f2430] text-sm text-gray-200 hover:border-[#7c5cff]/40 hover:translate-y-[-1px] transition cursor-pointer">
        Download PDF
      </div>

      <div
        onClick={() => navigator.clipboard.writeText(window.location.href)}
        className="inline-flex items-center gap-2 px-4 py-3 rounded-lg bg-[#1b2030] border-solid border-[#1f2430] text-sm text-gray-200 hover:border-[#7c5cff]/40 hover:translate-y-[-1px] transition cursor-pointer">
        Copy Share Link
      </div>

      <div className="text-[#9aa3b2] text-[10px]">
        Report prepared by{' '}
        <span className="text-[14px] bg-gradient-to-r from-[#7c5cff] to-[#22d3ee] bg-clip-text text-transparent">
          inGauge AI
        </span>
      </div>
    </div>
  )
}
